<template>
	<AppRow :layoutOpts="layoutOpts" :class="classNames" :gutter="[16, 16]">
		<slot></slot>
	</AppRow>
</template>
<script setup lang="ts">
import { AppRow } from '@/components/common/row';
import { dashboardProps } from './dashboard';
const props = defineProps(dashboardProps);

const classNames = reactive({
	'control-content app-control-dashboard__parent app-control-dashboard__root':
		true,
	'no-padding': props.noPadding,
});
</script>
